<template>
    <view>
        <u-popup :show="show" @open="open">
            <ul class="tan">
                <li class="tan_li" style="color: #ccc;">
                    李小红先生
                </li>
                <li class="tan_li" @click="fan">
                    固定电话:0755-88888888
                </li>
                <li class="tan_li" @click="fan">
                    手机号码:18888888888
                </li>


                <li @click="close">
                    取消
                </li>

            </ul>
        </u-popup>
        <view  @click="show = true"><img src="/static/img/dianhua.png" alt="" style="width: 20px; height: 20px; vertical-align: middle;"> 电话
        </view>


    </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const show = ref(false)
const open = () => {
    show.value = true
}
const close = () => {
    show.value = false
}
const fan = () => {
    //返回
    uni.navigateBack({
        delta: 1
    })
}
</script>

<style lang="scss">
.tan{
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    color:blue;
    .tan_li{
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #eee;
    }
}
</style>